<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Copyright" content="bo-tech.com,博源科技" />
<link href="../style/master.css" rel="stylesheet" type="text/css" media="screen" />
<title>全部分类</title>
</head>
<body>
<div id="pagewrapper">
   <div class="side_nav">
       <p>您好，欢迎来到好靓购物广场！<a href="#">[请登录]</a> <a href="#">[免费注册]</a></p>
        <ul class="quick_menu">
           <li><a href="#">我的宝贝</a></li>
           <li><a href="#">我要买</a></li>
           <li><a href="#">收藏夹</a></li>
           <li><a href="#">购物车</a></li>
           <li><a href="#">付款方式</a></li>
           <li><a href="#">社区</a></li>
           <li><a href="#">帮助</a></li>
           <li><a href="#">会员活动</a></li>
           <li><a href="#">更多服务</a></li>
        </ul>
    </div>
 <!--header start-->
	<div class="header">
    	<div class="top clear">
        	<a class="logo" href="#"><img src="../images/logo.jpg" width="240" height="65" alt="返回首页" /></a>
            <ul class="top_bar clear">
            	<li>您好！欢迎光临XX商城！</li>
                <li><a href="#">免费注册</a></li>
                <li><a href="#">登录</a></li>
                <li><a href="#">订单查询</a></li>
                <li><a href="#">购物车[<span>5</span>]</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
		</div>
        <div class="tocenter">
            <ul class="menu">
                <li><a class="current" href="#"><span>首页</span></a></li>
                <li><a href="#"><span>潮流女装</span></a></li>
                <li><a href="#"><span>精品配饰</span></a></li>
                <li><a href="#"><span>童装母婴</span></a></li>
                <li><a href="#"><span>家居用品</span></a></li>
                <li><a href="#"><span>美容保健</span></a></li>
                <li><a href="#"><span>箱包鞋帽</span></a></li>
                <li><a href="#"><span>优惠特价</span></a></li>
            </ul>
            <div class="Zclear"></div>
        </div>
        <div class="search_bar">
            <p>关注热点：<a href="#">羊绒大衣</a><a href="#">保湿面膜</a><a href="#">懒人毯</a><a href="#">艾格</a></p>
            <div class="search_box">
                <input class="search_text" name="" type="text" value="请输入您要搜索的商品名"/>
                <input class="search_btn" name="" type="button" value="搜索" />
            </div>
        </div>
    </div>
 <!--header end--> 
 <!--main start--> 
 	<div class="main clear">     
		<div class="sider">
			<div class="box">
            	<div class="wintop">
                	<span>热销排行</span>
                    <a class="more" href="#">更多</a>
                    <div class="zclear"></div>
                </div>
                <div class="border">
					<ul class="hot_list">
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/32.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>1326</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/37.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>169</span></p>
								<p class="p_num">已售<span>88</span>件</p>
							</div>
						</li>
                        <li class="clear">
							<a class="hot_img" href="#"><img src="../temp/37.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>169</span></p>
								<p class="p_num">已售<span>88</span>件</p>
							</div>
						</li>
                        <li class="clear">
							<a class="hot_img" href="#"><img src="../temp/37.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>169</span></p>
								<p class="p_num">已售<span>88</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/36.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">贝佳斯超级美白面膜</a>
								<p class="hot_price">￥<span>89</span></p>
								<p class="p_num">已售<span>112</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/33.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>359</span></p>
								<p class="p_num">已售<span>156</span>件</p>
							</div>
						</li>
						<li class="clear">
							<a class="hot_img" href="#"><img src="../temp/34.gif" width="50" height="50" alt="分工和" /></a>
							<div class="hot_goods">
								<a href="#">Tata09新款卡丁黑色女鞋</a>
								<p class="hot_price">￥<span>419</span></p>
								<p class="p_num">已售<span>32</span>件</p>
							</div>
						</li>
					</ul>
				</div>
			</div>	
            <div class="box">
				<div class="wintop">
                	<span>最近浏览过的商品</span>
                   <div class="Zclear"></div>
                </div>
                <div class="border preview clear">
					<ul>
						<li>
							<a class="incart_img" href="#"><img src="../temp/38.gif" width="50" height="50" alt="sdf" /></a>
							<p class="p_price">￥1869</p>
                            <a href="" title="粉色包包大实话">粉色包包</a>
						</li>
						<li>
							<a class="incart_img" href="#"><img src="../temp/38.gif" width="50" height="50" alt="sdf" /></a>
							<p class="p_price">￥189</p>
                            <a href=""  title="粉色包包大实话">粉色包包</a>
						</li>
						<li>
							<a class="incart_img" href="#"><img src="../temp/38.gif" width="50" height="50" alt="sdf" /></a>
							<p class="p_price">￥189</p>
                            <a href=""  title="粉色包包大实话">粉色包包</a>
						</li>
						<li>
							<a class="incart_img" href="#"><img src="../temp/38.gif" width="50" height="50" alt="sdf" /></a>
							<p class="p_price">￥189</p>
                            <a href=""  title="粉色包包大实话">粉色包包</a>
						</li>
                           
					</ul>
                 
				</div>
                
			</div>		
        </div>
 	<div class="contain">
		<div class="box">
			<div id="location clear"> <div class="fleft">商品总数<span class="keyws_count"> 59 </span>件</div></div>
			<div class="box broken_line">
            	<div class="goods_sort">按分类选择:</div>
                <div class="tabs_assort_box">
                    <ul class="tabs_assort clear">
                        <li class="current"><a href="#"><span>运动鞋</span></a></li>
                        <li><a href="#"><span>布鞋</span></a></li>
                        <li><a href="#"><span>靴子</span></a></li>
                        <li><a href="#"><span>皮鞋</span></a></li>
                        <li><a href="#"><span>凉鞋</span></a></li>
                    </ul>
                    <div class="process"></div>
                </div>
				<ul class="goods_name_box">
                	<li><a href="" class="red_a">慢跑鞋</a><span>(1077581)</span></li>
                    <li><a href="" class="red_a">足球鞋</a><span>(1068736)</span></li>
                    <li><a href="" class="red_a">篮球鞋/ADIDAS</a><span>(107551)</span></li>
                    <li><a href="" class="red_a">气垫鞋</a><span>(484270)</span></li>
                    <li><a href="" class="red_a">舞鞋</a><span>(1077581)</span></li>
                    <li><a href="">专业网球鞋</a><span>(1077581)</span></li>
                    <li><a href="">乒乓球鞋</a><span>(1077581)</span></li>
                    <li><a href="">专业足球鞋</a><span>(777887)</span></li>
                     <div class="Zclear"></div>
                </ul>
                <div class="show_all"><a href=""><span class="show_open">显示全部分类</span></a></div><!--需要判断超过显示3排，才显示这个区域对应的还有个show_close-->
            </div>
            <div class="box broken_line">
            	<div class="goods_sort">按品牌选择:</div>
                <div class="tabs_assort_box">
                    <ul class="tabs_assort clear">
                        <li class="current"><a href="#"><span>运动鞋</span></a></li>
                        <li><a href="#"><span>布鞋</span></a></li>
                        <li><a href="#"><span>靴子</span></a></li>
                        <li><a href="#"><span>皮鞋</span></a></li>
                        <li><a href="#"><span>凉鞋</span></a></li>
                    </ul>
                    <div class="process"></div>
                </div>
			<ul class="goods_name_box">
                	<li><a href="">李宁逐风系列跑鞋</a><span>(1077581)</span></li>
                    <li><a href="">Airmax 360</a><span>(1068736)</span></li>
                    <li><a href="">阿迪达斯/ADIDAS</a><span>(107551)</span></li>
                    <li><a href="">李宁/LINING</a><span>(484270)</span></li>
                    <li><a href="">耐克/NIKE</a><span>(1077581)</span></li>
                    <li><a href="">李宁天羽跑鞋</a><span>(1077581)</span></li>
                    <li><a href="">耐克/NIKE</a><span>(1077581)</span></li>
                    <li><a href="">Adidas三叶草</a><span>(777887)</span></li>
                    </ul>
                     <div class="Zclear"></div>
             </div>
             <div class="box broken_line">
            	<div class="goods_sort">按价格选择:</div>
                <ul class="goods_name_box">
                	<li><a href="">50-100</a><span>(666)</span></li>
                    <li><a href="">100-150</a><span>(55)</span></li>
                    <li><a href="">150-200</a><span>(7)</span></li>
                    <li><a href="">200-250</a><span>(8)</span></li>
                    <li><a href="">250-300</a><span>(666)</span></li>
                    <li><a href="">300-350</a><span>(76)</span></li>
                    <li><a href="">350-400</a><span>(76)</span></li>
                    <li><a href="">所有价格>></a></li>
                   </ul>
                     <div class="Zclear"></div>
             </div>
              <div class="box">
            	<div class="goods_sort">快速筛选条件:</div>
               		<select class="filter_select"><option>选择分类</option></select>
                    <select class="filter_select"><option>选择品牌</option></select>
                    <input  type="button" value="确定" class="filter_bt"/>
                    <span>您当前选择的是：<strong class="nonce">运动鞋-慢跑鞋</strong></span>
             </div>
          </div>
                <ul class="tabs clear">
					<li><a class="current" href="#">所有商品</a></li>
					<li><a href="#">最新到货</a></li>
					<li><a href="#">便宜商品</a></li>
					<li><a href="#">人气商品</a></li>
                    <li><a href="#">热销商品</a></li>
				</ul>
              <table class="yours list_apeak" width="100%" cellspacing="0" cellpadding="0">
					<tr>
						<td width="105"><a class="goods_img" href="#"><img alt="asdf" src="../temp/37.gif" width="100" height="100" /></a></td>
						<td class="toleft"><a class="big_name trade_name" href="#">新款黑色阿斯顿女<span class="keyws">鞋</span>子特卖</a>
                        	<ul class="goods_brand">
                            	<li><a href="">春季系列</a></li>
                                <li><a href="">达芬妮</a></li>
                            </ul>
                         </td>
                        <td class="toleft">
                            <ul class="goods_act">
                                 <li>正在促销中...</li>
                                 <li> <div class="agio fleft">9折</div></li>
                               </ul>
                        </td>
                        <td><span class="star_3"></span></td>
						<td class="price_td">￥139.00
                        </td>
					</tr>
					<tr>
						<td width="105"><a class="goods_img" href="#"><img alt="asdf" src="../temp/37.gif" width="100" height="100" /></a></td>
						<td class="toleft"><a class="big_name trade_name" href="#">新款黑色阿斯顿女<span class="keyws">鞋</span>子特卖</a>
                        	<ul class="goods_brand">
                            	<li><a href="">春季系列</a></li>
                                <li><a href="">达芬妮</a></li>
                            </ul>
                            </td>
                        <td class="toleft">
                        	<ul class="goods_act">
                             <li>正在促销中...</li>
                             <li>满<span class="num">100</span>返<span class="num">精美小礼物1份</span></li>
                           </ul>
                       </td>
						<td><span class="star_4"></span></td>
						<td class="price_td">￥139.00
                        </td>
					</tr>
                    <tr>
						<td width="105"><a class="goods_img" href="#"><img alt="asdf" src="../temp/36.gif" width="100" height="100" /></a></td>
						<td class="toleft"><a class="big_name trade_name" href="#">新款黑色阿斯顿女<span class="keyws">鞋</span>子特卖</a>
                        <ul class="goods_brand">
                            	<li><a href="">春季系列</a></li>
                                <li><a href="">达芬妮</a></li>
                            </ul></td>
                        <td class="toleft">	
                        	<ul class="goods_act">
                             <li>正在促销中...</li>
                             <li>满<span class="num">100</span>返<span class="num">50</span>现金</li>
                           </ul>
                       </td>
						<td><span class="star_4"></span></td>
						<td class="price_td">￥139.00
                        </td>
					</tr>
				   <tr>
						<td width="105"><a class="goods_img" href="#"><img alt="asdf" src="../temp/36.gif" width="100" height="100" /></a></td>
						<td class="toleft"><a class="big_name trade_name" href="#">最新专柜特卖高跟皮鞋<span class="keyws">鞋</span></a>
                        <ul class="goods_brand">
                            	<li><a href="">春季系列</a></li>
                                <li><a href="">达芬妮</a></li>
                            </ul>
                            </td>
                        <td  class="toleft">
                        	<ul class="goods_act">
                             <li>正在促销中...</li>
                             <li>满<span class="num">100</span>返<span class="num">50</span>券</li>
                           </ul>
                       </td>
						<td><span class="star_4"></span></td>
						<td class="price_td">￥139.00
                        </td>
					</tr>
                    <tr>
						<td width="105"><a class="goods_img" href="#"><img alt="asdf" src="../temp/41.gif" width="100" height="100" /></a></td>
						<td class="toleft"><a class="big_name trade_name" href="#">粉色系麂皮暖和雪地靴<span class="keyws">鞋</span></a>
                          <ul class="goods_brand">
                          		<li><a href="">冬季系列</a></li>
                                <li><a href="">花花妙旅</a></li>
                            </ul>
                       	</td>
                        <td  class="toleft">&nbsp;</td>
						<td><span class="star_4"></span></td>
						<td class="price_td">￥139.00
                        </td>
					</tr>
				</table>
            <div class="Zclear"></div>
            <div class="tocenter">
					<div class="page_box">
						<a href="#">首页</a>
						<a href="#">上一页</a>
						<a href="#">1</a>
						<a href="#">2</a>
						<a class="current">3</a>
						<a class="unable">下一页</a>
						<a class="unable">末页</a>
					</div>
				</div>
		</div>
    </div>
 <!--main end--> 
 <!--bottom start-->        
    <div class="bottom clear">
    	<ul>
        	<li>
            	<h5 class="bangzhu">购物帮助</h5>
                <p><a href="#">常见问题</a></p>
                <p><a href="#">联系客服人员</a></p>
            </li>
            <li>
            	<h5 class="dinggou">订购方式</h5>
                <p><a href="#">在线订购</a></p>
            </li>
            <li>
            	<h5 class="zhifu">支付方式</h5>
                <p><a href="#">在线汇款</a></p>
            </li>
            <li>
            	<h5 class="peisong">配送方式</h5>
                <p><a href="#">全国配送</a></p>
            </li>
            <li>
            	<h5 class="huiyuan">会员服务</h5>
                <p><a href="#">会员制度</a></p>
                <p><a href="#">贴心服务</a></p>
            </li>
            <li>
            	<h5 class="shanglu">新手上路</h5>
                <p><a href="#">购物流程</a></p>
            </li>
        </ul>
    </div>
 <!--bottom end--> 
<!--footer start-->     
 <div id="footer">
   <p class="footer_nav te">
        <a href="#">关于好靓</a>
	    <a href="#">广告服务</a>
        <a href="#">合作伙伴</a>
        <a href="#">帮助中心</a>
        <a href="#">诚征英才</a>
        <a href="#">联系我们</a>
        <a href="#">网站地图</a>
        <a href="#">热门品牌</a>
        <a href="#">版权说明</a>
        <a href="#">加入商城</a>
		<a href="#">淘宝客</a>
		<a href="#">交易安全</a>
   </p>
   <div class="copyright">
       <a href="#" class="copy_s1"><img src="../images/logo.jpg" width="240" height="65" alt="logo" /></a>
       <p class="copy_text">Copyright 2003-2010, 版权所有 TAOBAO.COM
增值电信业务经营许可证：浙B2-20080224
信息网络传播视听节目许可证：1109364号 </p>
   </div>
</div><!--end footer-->
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(".tabs_assort").children().click( 
	function(){
		$(".tabs_assort li").removeClass('current');
		$(this).addClass('current')	
	}
);
//-->
</SCRIPT>
</body>
</html>
